@import "mixins/mixins";
@import "common/var";

@include b(area-picker) {
  &.el-input {
    display: inline-block;
    cursor: pointer;
    width: auto;
  }
  &__caret {
    transform: rotate(180deg);
    &.is-reverse {
      transform: rotate(0);
    }
  }
  &-province {
    width: 400px;
    &-type {
      display: flex;
    }
    &-title {
      width: 30px;
      min-width: 30px;
      text-align: right;
      padding: 4px 0;
      line-height: 26px;
    }
    &-content {
      flex-grow: 1;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    &-cell {
      width: 20%;
      text-align: center;
      padding: 4px 0;
    }
  }
  &-city, &-district {
    width: 400px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  &-city{
    width: 570px;
  }
  &-cell {
    width: 25%;
    padding: 4px 10px;
    box-sizing: border-box;
  }
}
